<template>
  <div>
    <h1>App组件</h1>
    <p>App中的p标签</p>
    <button @click="abc">调用子组件的方法</button>

    <!-- ref可以给固有标签加，也可以给组件标签加 -->
   <my-test ref="test"></my-test>
   <my-abc></my-abc>
  </div>
</template>

<script>
import MyTest from './components/MyTest.vue'
import MyAbc from './components/MyAbc.vue'
export default {
  components:{MyTest,MyAbc},
  methods:{
    abc(){
      // this.$refs.test//找到子组件
      // 找到子组件之后，可以使用子组件的数据，也可以调用子组件的方法
      // this.$refs.test.getP()//调用子组件的方法
      this.$refs.test.show()
    }
  }
}
</script>